<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>复习javascript</title>
	<style>
		.orange h2{
			background:orange;
			color: #fff;
		}
		.green h2{
			background:green;
			color: #fff;
		}
		#content img{
			margin-top: 30px;
			width: 150px;
			border-radius: 50%;
		}
		button:first-child{
			color: orange;
		}
		button:last-child{
			color: green;
			font-weight: 500;
		}
		.div p{
			color: green;
			font-size: 22px;
			font-weight: 800px;
		}
	</style>
</head>
<body class="green">
	<header>
		<button onclick="color('orange')">橘色</button>
		<button onclick="color('green')">绿色</button>
	</header>

	<div id="content">
		<div>
			<img src="T001R300x300M000000IBYF50SRnXP.jpg">
			<p>姓名：王源, 外文名：Roy, 职业：学生、歌手、演员、主持人, 中国内地男子演唱组合TFBOYS成员</p>
			<h2>源</h2>
			<p>王源首张个人专辑《源》同名主打曲《源》，由王源作词作曲，是他对“源”字的自我审视与无限想象。《源》关于旅程，是从自己出发，越过蜿蜒，给自己回答。</p>
			
		</div>
		<div>
			<h2>彩虹云朵</h2>
			<p>《彩虹云朵》是由王源填词的一首歌曲。在爱意满满的七夕，这首歌是王源准备的特别惊喜 [2]  。以清新歌声诠释满糖滋味，将那些属于十八岁男孩的浪漫心声娓娓唱诉。</p>
		</div>
		<div>
			<h2>易碎的吻</h2>
			<p>一首关于“破碎”的孤独浪漫情诗,在《易碎的吻》中，王源用音乐与孤独喊话，揭开通透清澈的情绪，将少年心事投射在错乱的灯火之上。</p>
		</div>
		<div>
			<h2>滚烫的青春</h2>
			<p>《滚烫的青春》由王源独立作词作曲，用炽热赤忱的表达，讲述王源热血的青春感悟，倔强不屈的年轻态度，昭示着独属十八岁的温度。</p>
		</div>
		<div>
			<h2>夜间游泳池</h2>
			<p>讲述了少年与自己的追逐，和世界在一次又一次的交谈去思考和成长。王源用自己的音乐包裹住每一位听众，让人与少年共情，共同对抗自己世界中的“孤独”。</p>
		</div>
		<div class="div">
			<p>陪你长大送你远行等你回家</p>
		</div>
	</div>

	<script src="script.js"></script>
	<script>
	function color(c){
		document.querySelector('body').className = c;
	}
	</script>
</body>

</html>